<template>
<!--提交成功页面-->
  <div class="offersuccess">
    <ul>
      <li><img src="../../../assets/tijiao.png" alt="" width="40"></li>
      <li>提交成功 <p>理赔处理中，如有疑问请拨打24小时客服热线4000713000</p></li>
      <li>
        <wv-button type="default" :mini="true" @click="goIndex">回到首页</wv-button>
        <wv-button type="default" :mini="true" @click="goLookDetail()">查看详情</wv-button>
      </li>
    </ul>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    name: 'offersuccess',
    props: {},
    data() {
      return {};
    },
    methods: {
      goIndex(){
        this.$router.push({ path: '/index'})
      },
      goLookDetail(){
        var delayriskId = this.$route.query.delayriskId;
        this.$router.push({path: 'lipeidetail',query:{delayriskId:delayriskId}})
      }
    },
    created() {

    },
    components: {}
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less" rel="stylesheet/less">
  ul{
    padding-top: 50px;
    li:nth-child(2){
      font-size: 18px;
      color: #111;
      margin: 10px auto;
      width: 70%;
      p{
        color: #999;
        font-size: 13px;
      }
    }
    li:last-child{
      display: flex;
      padding: 10px;
      margin-top: 20px;
      .weui-btn+.weui-btn{
        margin-top: 0;
      }
      button{
        flex: 1;
        font-size: 15px;
        border-radius: 25px;
        height: 40px;
        line-height: 40px;
      }
      :first-child{
        color: #2e94f0;
        background-color: #fff;
        margin-right: 10px;
        border:1px solid #2e94f0;
      }
      :last-child{
        background-color: #2e94f0;
        color: #fff;
      }
    }

  }
</style>
